<template>
    <div class="notice-read" >
        <hb-title-levels id="title" :list="list" />
        <div class="context" v-html="txt"></div>
    </div>
</template>

<script>
export default {
    name: 'read',
    data() {
        return {
            list: [
                {txt: '公告', path: 'notice'},
                {txt: '公告详情', path: 'read'},
            ]
        }
    },
    computed: {
        index() {
            return this.$store.state.notice.which
        },
        txt() {
            return this.$store.state.notice.vlist[this.index]
        }
    },
    created() {

    },
    methods: {

    }
}
</script>

<style scoped>
    .context {
        margin: 20px auto;
        width: 910px;
        background-color: #fff;
    }
    #title {
        margin: 20px auto;
        width: 1200px;
    }

</style>